---
title: Lightbox
page-header: Lightbox
libs: fslightbox
menu: base.lightbox
---

{% assign photos = site.data.photos | where: "horizontal", true %}

<div class="row row-cols-3 row-cols-md-4 row-cols-lg-6 g-3">
	{% for photo in photos %}
	<div class="col">
		<a data-fslightbox="gallery" href="{{ site.base }}/static/photos/{{ photo.file }}">
			{% include ui/photo.html id=forloop.index0 class="rounded border" ratio="1x1" %}
		</a>
	</div>
	{% endfor %}
</div>
